.editor-zoom{zoom: 1;}
.editor-sheetdiv{
    float: left;
    width: 90px;
}
.editor-sheetlist {
    background-color: #333333;
    list-style: none;
    margin: 0;
    padding: 0px 0px 3px 0px;
}
.editor-sheetlist li a {
    display: block;
    background-color: #333333;
    padding: 16px 8px;
    /* border-right: 1px solid #ccc; */
    color: #fff;
    text-align: center;
    font-size: 14px;

}
.editor-sheetlist a{
    text-decoration: none;
}

.editor-sheetlist li a.current,.editor-sheetlist li:hover a{
    background-color: #4d8dfa;
    color: #fff;
}
.editor-zoom .editor-left .tplcontent {
    float: left;
}

.editor-left{
    position: relative;
    float: left;
    width: 50%;
}
.editor-right{float: right;width:48%;margin-left: 5px;}
ul li{
    display: list-item;
    text-align: -webkit-match-parent;
}
.editor-height{height: 600px;}
.tplcontent{border: 1px solid #ccc;padding:1px;margin-right:1px;}

@media screen and (min-width:1042px){
    .tpl-sc-width{ width:80%;}
}
@media screen and (min-width: 945px) and (max-width:1042px) {
    .tpl-sc-width{ width:78%;}
}

@media screen and (min-width: 720px) and (max-width:945px) {
    .tpl-sc-width{ width:65%;}
}
@media screen and  (max-width:720px) {
    .tpl-sc-width{ width:100px;}
}
.tplcontent .pre{overflow-y: auto;overflow-x: hidden;}
.tplcontent .pre .preitem{width:max-width;border: white 1px solid;margin: 0px 0;padding: 2px 0;}
.tplcontent .preitem:hover{background-color: lemonChiffon;cursor: pointer;border: #ccc 1px solid;}
.tplcontent .preitem div{margin: 0 auto;width:100%;}
.tplcontent .preitem p img{width:auto!important;}
.tplcontent .preitem span img{width:auto!important;}
.tplcontent .preitem img{height:auto;width:auto}
.form-horizontal .control-group {
    margin-bottom: 8px;
}